*{
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
html, body, #root {
  width: 100%;
  max-width: 100%; 
  overflow-x: hidden;
}

/* 移除了body的padding-top，因为所有导航栏都不再是吸顶的 */

/* 页面内容区域 */
.page-content {
  margin-top: 46px;
  margin-bottom: 60px; /* 为底部Tabbar预留空间 */
  min-height: calc(100vh - 106px); /* 46px顶部 + 60px底部 */
  padding-bottom: 20px; /* 额外的底部间距 */
}

/* 非吸顶导航栏页面的样式 */
.page-with-static-navbar {
  margin-bottom: 60px; /* 为底部Tabbar预留空间 */
  padding-bottom: 20px; /* 额外的底部间距 */
}

img, svg, video, canvas {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* 全局图片优化样式 */
img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* 防止图片被拉伸的通用样式 */
.img-contain {
  object-fit: contain !important;
  background: #f5f5f5;
}

.img-cover {
  object-fit: cover !important;
}

.img-fill {
  object-fit: fill !important;
}

/* 全局隐藏横向滚动条（保留纵向） */
/* WebKit 浏览器（Chrome/Safari/新 Edge） */
*::-webkit-scrollbar:horizontal {
  height: 0 !important;
}

/* 旧版 Edge/IE */
* {
  -ms-overflow-style: none; /* 隐藏滚动条框（会影响两轴，但现代浏览器忽略） */
}